<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>工单受理</title>
		    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="${ctxPath}/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="${ctxPath}/vendor/dist/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="${ctxPath}/vendor/dist/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="${ctxPath}/vendor/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="${ctxPath}/vendor/dist/css/skins/all-skins.min.css">
		<link rel="stylesheet" href="${ctxPath}/vendor/material/material-icons.css" />
		<link rel="stylesheet" href="${ctxPath}/assets/css/global.css" />
		<link rel="stylesheet" href="${ctxPath}/assets/css/main.css" />
	</head>

	<body>
		<div class="warpper">
			<div class="main">
			<form  class="form-inline">
	          <div class="box-header">
	            <div class="input-group">
		            <a class="btn btn-primary dialog" href="javascript:;" data-url="/system/user/add" data-title="创建新用户" data-width="850" data-height="550"><i class="fa fa-plus"></i> 创建新用户</a>
	            </div>
	            <div class="input-group">
	               <input type="text" name="search" value="${search!}" class="form-control" placeholder="Search">
	               <div class="input-group-btn">
	                 <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
	                 <a href="/system/user/list/1" class="btn btn-default"><i class="fa fa-refresh"></i></a>
	               </div>
	            </div>
	            <div class="input-group pull-right">
                 <button type="button"  class="btn btn-primary btn-flat" onclick="exportTo('用户数据');"><i class="fa fa-file-excel-o"></i> 导出</button>
            </div>
	          </div><!-- /.box-header -->
           </form>
		<div id="table-container" class="tableWrap">
			@#ajax table:{
				<div class="tableWrap">
					<div class="">
						<table class="table table-thead">
							<colgroup>
								<col width="40">
								<col width="40">
								<col width="">
								<col width="">
								<col width="">
								<col width="">
								<col width="">
							</colgroup>
							<tr>
								<th><input type="checkbox" id="select_all" name="select_all" onclick="selectAll(this)"></th>
								<th>#</th>
								<th>用户名</th>
				                <th>描述</th>
				                <th>创建时间</th>
				                <th>部门</th>
				                <th>状态</th>
			                    <th  width="120px">操作</th>
							</tr>
						</table>
					</div>
					<div class="table-content">
						<table class="table ">
							<colgroup>
								<col width="40">
								<col width="40">
								<col width="">
								<col width="">
								<col width="">
								<col width="">
								<col width="">
							</colgroup>
							@for(user in pageData.records ! []){
							<tr onclick="chooseItem(this)">
								<td><input type="checkbox" id="select_item" name="select_item"></td>
								<td>${userLP.index}</td>
								<td>${user.userName}</td>
								<td>${user.userDesc}</td>
								<td>${user.createTime, dateFormat="yyyy-MM-dd HH:mm"}</td>
								<td>${user.deptName}</td>
								<td>
								@if(user.userState==1){
									启用
								@}else{
								<font color="red">禁用</font>
								@}
								</td>
								<td>
								<a class="btn btn-primary btn-xs dialog" href="javascript:;" data-url="" data-title="编辑用户" data-width="850" data-height="550">编辑</a>
	                	<a class="btn btn-danger btn-xs"
	                	 data-tiggle="ajax"
	                	 data-submit-url=""
	                	 data-confirm="您确定要删除该条记录吗?">删除</a>
								</td>
							</tr>
							@}elsefor{
							<tr>
						        <td colspan="7" class="text-center">
						        	没有找到要查询的数据
						        </td>
					    	</tr>
							@}
						</table>
					</div>
				</div>
				<#pagenate func="findbypage" page="${pageData}" />
				@}
				</div>
			</div>
		</div>
		<input type="hidden" id="basePath" value="${ctxPath}" />
		
		<script src="${ctxPath}/vendor/jquery/jquery-3.2.1.min.js"></script>
		<script src="${ctxPath}/vendor/popper/popper.min.js"></script>
		<script src="${ctxPath}/vendor/bootstrap-4.0.0/js/bootstrap.min.js"></script>
		<script src="${ctxPath}/vendor/layer-v3.0.3/layer.js"></script>
		<script src="${ctxPath}/assets/js/system/yhgl/yhgl_index.js"></script>
		<script src="${ctxPath}/assets/js/pub/public.js"></script>
	
		<script type="text/javascript">
			
	
			//点击tr选中整行
			$(function() {
				
	
			});
			


		</script>
	</body>

</html>